<template>
	<view>
		<view class="center">
			<u-navbar title="预览" @rightClick="rightClick" :autoBack="true">
			</u-navbar>
		</view>
		<view>
			<view class="head">
				<span>{{title}}</span>
			</view>
			<view class="line"></view>
			<view class="con">
				<span>
					{{content}}
				</span>
			</view>
			<!-- 图片增加了以后，需要把这里展示出来 -->
			<view class="tpview">
				<image :src="item" class="tp" v-for="(item,index) in images" :key="index"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '',
				content: '',
				images: []
			}
		},
		onShow() {
			this.title = uni.getStorageSync('title');
			this.content = uni.getStorageSync('content');
			this.images = uni.getStorageSync('images');
			console.log('this.images', this.images);
		},
		methods: {
			getCircleDetail() {}
		}
	}
</script>

<style lang="scss">
	.center {
		height: 44px;
	}

	.head {
		margin-top: 90rpx;
		margin-left: 30rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		font-size: 36rpx;
		color: #333333;
		line-height: 43rpx;
	}

	.line {
		border-top: 1px solid #CCCCCC;
		margin-left: 20rpx;
		margin-right: 20rpx;
		margin-top: 30rpx;
		margin-bottom: 38rpx;
	}

	.con {
		font-family: Source Han Sans CN;
		font-weight: 400;
		font-size: 24rpx;
		color: #999999;
		margin: 0 20rpx 54rpx 30rpx;
	}

	.tp {
		width: 220rpx;
		height: 220rpx;
		background: #D3D3D3;
		border-radius: 10rpx;
		margin: 0 10rpx 10rpx 0;
	}

	.tpview {
		margin-left: 30rpx;
	}
</style>